<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>jquery-simple-confirm</title>
	<style>
		body{
			background: #f0f0f0;
		}

		.container{
			width: 750px;
			margin: 100px auto;
		}
	</style>
</head>
<body>

	<div class="container">
		<h4>jquery-simpile-confirm demo</h4>
		我要
		<button id="#default">default style</button>
		<button id="#primary">primary style</button>
		<button id="#info">info style</button>
		<button id="#success">success style</button>
		<button id="#danger">danger style</button>
	</div>

<script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="src/jquery-simple-confirm.js"></script>
<script>
$(function(){

	$("button").on('click', function(){

		var style = $(this).attr('id');
		$.simpleConfirm({
			title: "你制杖吗",
			message: "你制杖吗？",
			confirm: "制杖",
			cancel: "不制杖",
			style: style.substr(1, style.length),
			cover: true
		});

	});

})
</script>
</body>
</html>
